<template>
  <div class="new-tab">
    <a-image class="bg"
             :preview="false"
             :width="view.windowWidth"
             :height="view.windowHeight"
             fit="cover"
             :src="backgroundImage">
    </a-image>
    <home/>
  </div>
</template>

<script setup>
import { ref, onMounted ,computed} from 'vue';
import {useViewStore} from "./store/view.js";
import Home from "./pages/Home.vue";

const backgroundImage = ref('https://bing.img.run/uhd.php');
const view = useViewStore();
onMounted(() => {
  window.onresize = view.resizeWindow;
  view.resizeWindow();
});
</script>

<style scoped>
.new-tab {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.bg{
  position: absolute;
  left: 0;
  top: 0;
}
</style>
